<template>
  <div>
    <x-dialog
      :show.sync="showHideOnBlur"
      class="dialog-demo xdialog"
      @on-hide="close"
      hide-on-blur
    >
      <div class="flexCenter popupCss">
        <img :src="imgSrc" alt="" style="width: 100%" />
      </div>
    </x-dialog>
  </div>
</template>
<script>
import { XDialog } from "vux";
export default {
  components: {
    XDialog,
  },
  props: {
    imgSrc: {
      type: String,
      default: "",
    },
    showHideOnBlur: {
      type: Boolean,
      default: false,
    },
  },
  methods: {
    close() {
      this.$emit("imgClose");
    },
  },
};
</script>
